@charset "utf-8";
/* webrx CSS Document */

html,body,h1,h2,h3,h4,h5,h6,p,span,ul,li,ol,table,td,tr{margin:0px;padding:0px;}
body{font-size:12px; font-family:"微软雅黑"; color:#838181; line-height:20px; background:#fff;}
a:link{ color:#838181; text-decoration:none;}
a:visited { color:#838181;text-decoration:none;}
a:hover { color:#00a72b; text-decoration:none;}
a{transition:all .5s;}
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; font-size:0;}
.clearfix{ zoom:1 }
.wrapper{width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr { float:right;}
/*.bk,.bk5,.bk10,.bk15,.bk20,.bk25,.bk30{ height:0px; line-height:0px; clear:both;}
.bk5{ height:5px;}.bk10{ height:10px;}.bk15{ height:15px;}.bk20{ height:20px;}.bk25{ height:25px;}.bk30{ height:30px;}.bk95 {height:95px;}*/
ul,li { list-style:none}
img,li{vertical-align: middle; border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.bk {border:1px solid red;}

/*头部样式 开始*/
.header { background:#000; height:80px;width:100%; min-width:1200px;}
.header .logo { float:left;line-height:80px;}
.logo img {margin:0 40px 0 39px;}
.header .nav>ul>li { float:left;text-align:center;transition:all .3s;position: relative;z-index: 9999}
.header .nav>ul>li>a {font-size:14px; color:#fff;width:139px; height:80px;line-height:80px;display: block;}
.header .nav>ul>li:hover{background: #00a72b;}
.header .nav>ul>li:hover ul {display: block;}
.header .nav>ul>li ul li a:hover {background: #4ea965;/*transform: rotateX(20deg);*/ }
.header .nav>ul>li ul{position: absolute;top: 80px;left: 0px;display:none;}
.header .nav>ul>li ul li a {width:139px;height: 50px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 50px;border-top: 1px solid #666;background: rgba(0,0,0,.6);transition:all .3s;}

/*文本部分公用样式 开始*/
.case-top {text-align:center;}
.case-top i { display:inline-block;*display:inline;*zoom:1;background:url(../images/case.png) no-repeat 0 center;width:279px; height:22px;margin-bottom:17px;vertical-align:top;}
.case-top p { font-size:20px; color:#3a424d;}


/*banner样式  开始*/
.banner {width: 100%;min-width: 1200px;}
div.banner img {width: 100%;}
/*装修样式  开始*/

.decaration { width:100%;min-width:1200px; padding-top: 33px;position: relative;background: #f3f3f3;padding-bottom: 10px;}

.decaration .wrapper {position: relative;}
.decaration ul li {background: #fff;}

.decaration .case-top i { display:inline-block;*display:inline;*zoom:1;background:url(../images/case.png) no-repeat 0 center;width:279px; height:23px;vertical-align:top;}
.decaration  .case-top p { font-size:20px; color:#3a424d;margin-top:-5px;padding-bottom:80px;}
.decaration  .line-long {height:1px;background:#dedfe0; position:absolute;top:113px; left:0px;width:100%;}
.decaration  .line-shirt { position:absolute;top:111px; left:50%;width:27px;background:#00a72b;margin-left:-13.5px;height:3px;}
.decaration .gps {font-size: 16px;color: #8e8e8e;padding-bottom: 15px;display: block;position: absolute;top: -40px;right:0px;}
/*装修样式左部列表  开始*/
.decaration .left-list {width: 200px;float: left;}
.decaration .left-list ul li {width:196px;text-align: center;position: relative;margin-left:-40px;}
.decaration .left-list ul li.list-title {font-size:16px; color:#fff;background: #3a424d;height: 100px;line-height: 100px; width:196px;}
.decaration .left-list ul li.list-title-01 a {font-size:14px; color:#3a424d;border: 1px solid #3a424d;height: 50px;width:194px; display: block;line-height: 50px;}
.decaration .left-list ul li a:hover {color: #00a72b;}
.decaration .left-list ul li.list-title-02 a:hover {color: #00a72b;}
.decaration .left-list ul li a:hover i {background:  #00a72b;}
.decaration .left-list ul li a i {background:#3a424d;width: 2px;height: 10px; display: block;position: absolute;top: 21px;left: 53px;}
.decaration .left-list ul li.list-title-02 a {font-size:14px; color:#3a424d;border-bottom:1px solid #3a424d;border-left:1px solid #3a424d;border-right:1px solid #3a424d;width:194px;height: 50px; display: block;line-height: 50px;}
/*装修样式中部列表  开始*/
.decaration .moddle-top{width:980px;background: #fff;float:right;padding-top:10px;margin-bottom:10px;}
.decaration .moddle-top ul {margin-bottom: 10px;margin-left: 10px;}
.decaration .moddle-top ul.area {font-size:0;padding-bottom: 10px;border-bottom:1px dashed #dedfe0;width: 936px;display: block;}

.decaration .moddle-top ul.area li {display:inline-block; *display: inline;*zoom:1;font-size:14px;color:#111111;margin-right:22px;text-align: center;line-height: 20px;width: 50px;height:20px;transition:all .3s;}
.decaration .moddle-top ul.area li a {font-size:14px;color:#111111;display: block;}
.decaration .moddle-top ul.area li a:hover{background: #00a72b;}
.decaration .moddle-top ul.area li:hover a {color:#fff;}
.decaration .moddle-top ul.style {;font-size:0;padding-bottom: 10px;border-bottom:1px dashed #dedfe0;width:936px;display: block;}
.decaration .moddle-top ul.style li {display:inline-block; *display: inline;*zoom:1;font-size:14px;color:#111111;margin-right:22px;text-align: center;line-height: 20px;width: 50px;height:20px;transition:all .3s;}
.decaration .moddle-top ul.style li a {font-size:14px;color:#111111;display: block;}
.decaration .moddle-top ul.style li.moddle-btn:hover{background: #00a72b;}
.decaration .moddle-top ul.style li:hover a {color:#fff;}
.decaration .moddle-top ul.prise {font-size:0;padding-bottom: 10px; width:936px;display: block;}
.decaration .moddle-top ul.prise li {display:inline-block; *display: inline;*zoom:1;font-size:14px;color:#111111;margin-right:22px;text-align: center;line-height: 20px;width: 70px;height:20px;transition:all .3s;}

.decaration .moddle-top ul.prise li.moddle-btn a {font-size:14px;color:#111111;display: block;}
.decaration .moddle-top ul.prise li.moddle-btn:hover{background: #00a72b;}
.decaration .moddle-top ul.prise li:hover a {color:#fff;}
.decaration .moddle-top ul.prise li.moddle-btn01{width: 50px;color: #111111;}
.decaration .moddle-top ul.prise li.moddle-btn01 a {color: #111;}
.decaration .moddle-top ul.prise li.moddle-btn01:hover a {color: #fff;}
.decaration .moddle-top ul.prise li.area01 {width: 50px;} 
.decaration .moddle-top ul.prise li.moddle-btn01:hover {background: #00a72b;}

/*设计师列表样式 开始*/
.decaration .design-box{float:right; width:980px; } 
.decaration .design-box ul { margin-bottom:15px; width:980px;}
.decaration .design-box ul li img {padding-top: 0px;}
.decaration .design-box ul li { width: 315px;height:342px;transition:all .5s ease-in;padding-bottom:13px;display: inline-block;margin-right:13px;*margin-right:17px;position:relative;*display: inline;*zoom:1; margin-bottom: 10px; }
.decaration .design-box ul li.design-list-03{margin-right: 0px;*margin-right: -1px;}
.decaration .design-box ul li:hover{ box-shadow: 0px 0px 12px rgba(0,0,0,.25)}
.decaration .design-box ul li .pic img{cursor: pointer;
    transition:all .5s ease-in;
}
.decaration .design-box ul li:hover .pic img{
    transform:scale(1.2);
}
.decaration .design-box ul li.mr0{
    margin-right: 0px;
}
.decaration .design-box ul li h3,.decaration .design-list ul li h4{ text-align: left;padding-left:10px;padding-bottom: 6px;padding-top: 10px;}
.decaration .design-box ul li h4{ text-align: left;padding-left:10px;font-size: 12px;}
.decaration .btn{ text-align: left;padding: 30px 7px 0px 8px;
opacity: 1;transition:all 0.4s;
}
.decaration .design-box ul li h3{font-size: 14px;}
.decaration .btn a{ display:inline-block; width:100px; margin-right: 10px; height:30px; border:1px solid #dedfe0; text-align:center; line-height:30px; transition:all 0.4s; *display:inline; *zoom:1;}

.decaration .design-manu {opacity:0;width: 300px;background: #fff; position: absolute; top:270px; left:0px; z-index:9999;transition:all .8s; padding:0 7px 0 8px;}
.decaration .design-manu a{
    display: block;
    float: left;
}
.decaration .design-manu a.name{
    width: 200px;
}
.decaration .design-manu a.name h4,.decaration .design-manu a.name span{
    display: inline-block;*display: inline;*zoom:1;
    margin-left :10px;
    padding-top: 10px;
    margin-bottom: 5px;
}
.decaration .design-manu a.name h4{
    font-size: 14px; color: #333;
    padding-left: 0px;
}
.decaration .design-manu a.name span { font-size: 12px; color: #00a72b}
.decaration .design-manu a.ticket,
.decaration .design-manu a.look{
   width:100px; margin-left: 10px; height:30px; border:1px solid #dedfe0; text-align:center; line-height:30px; transition:all .8s; *display:inline; *zoom:1;
}
/*图片样式特效*/
.design-box a.design-list-a{
    display: block;
    padding-top: 10px;
}
.design-box .pic{
    margin:0 auto;
    width: 300px;
    height: 200px;
    overflow: hidden;
}
/*动画悬停样式*/
.decaration .design-box ul li:hover .btn{
    opacity: 0;
}
.decaration .design-box ul li:hover .design-manu{
    opacity: 1;
}
.decaration .design-manu a.ticket:hover,
.decaration .design-manu a.look:hover{
    border:1px solid #00a72b;
    background-color: #00a72b;
    color: #fff;

}


/*翻页样式  开始*/
.decaration .page ul{text-align: center;margin-left:220px;margin-bottom:20px;}
.decaration .page ul li a {display:block;font-size: 12px;color: #333;}
.decaration .page ul li{display: inline-block;*display:inline;*zoom:1;width: 30px;height: 30px;text-align: center;line-height: 30px;border:1px solid #dedfe0;margin-right: 8px; transition:all .3s;}
.decaration .page ul li.page01 {width: 70px;}
.decaration .page ul li:hover {background: #00a72b;border: 1px solid #00a72b;}
.decaration .page ul li:hover a {color:#fff;}


/*底部导航样式  开始*/
.footer { background:#3a424d;width: 100%;height:436px;position: relative;padding-top:42px;margin-top:41px;}
.footer ul.pic{font-size:0;margin-left:58px;}
.footer ul.pic li{display: inline-block;*display:inline;*zoom:1;margin-right:147px;z-index:99999px;position:relative;}
.footer ul.pic li img {display: block;}
.footer ul.pic li .picupdown {height: 65px;overflow: hidden;transition:all .3s;}
.footer ul.pic li:hover .picupdown .picup,.footer ul.pic li:hover .picupdown .picover{transform:translate(0,-66px);}
.footer ul.pic li a{display: block;}
.footer ul.pic li a.pic01right {width:76px;height:60px;background:url(../images/about-q.png) no-repeat;display: block; margin:3px 0 0 32px ;}

.footer ul.pic li a.footer-pic02 {width:45px;height:54px;background:url(../images//about-Brand.png) no-repeat;display: block;transition:all .5s }
.footer ul.pic li a.pic02right {width:76px;height:54px;background:url(../images/about-b.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer ul.pic li a.pic03right {width:76px;height:55px;background:url(../images/about-d.png) no-repeat;display: block; margin:3px 0 0 32px ;}


.footer ul.pic li a.pic04right {width:76px;height:54px;background:url(../images/about-s.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer .footer-pic .service  {margin-right:0;}
.footer .line-long {height:1px;background:#5b616a; position:absolute;top:129px; left:0px;width:100%;z-index:-99999px;}
.footer .footer-left{float:left;}
.footer .footer-left .left01 {width:430px;padding: 81px 0 17px 0;border-bottom: 1px solid #5b616a;margin-bottom: 16px;}
.footer .footer-left .left01 h3 {font-size: 20px;color: #d8d9db;margin-bottom:20px;}
.footer .footer-left .left01 p {font-size: 12px;color:#d8d9db;line-height: 28px;}
.footer .footer-left .left02 p.contact {font-size: 12px;color:#d8d9db;width: 115px;float: left;margin-top: 18px;}
.footer .footer-left .left02 p.icon {float: left;width:250px;margin-left: 11px;}
.footer .footer-left .left02 p.icon a:nth-child(1){position:relative;width: 50px;height: 50px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a:nth-child(1):after{content:"";background: url(../images/weibo222.png) no-repeat;width: 50px;height: 0px; position: absolute;top:50%;bottom: 50%;;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a:nth-child(1):hover:after{;height: 50px;top: 0;bottom:0;}
.footer .footer-left .left02 p.icon a.icon02{position:relative;width: 49px;height: 49px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a.icon02:after{content:"";background: url(../images/weixin002.png) no-repeat;width: 49px;height: 0px; position: absolute;top:50%;bottom: 50%;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a.icon02:hover:after{height: 49px;top: 0;bottom:0;}
.footer .footer-left .left02 p a.icon02 {margin-left: 23px;}
.footer .footer-middle-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-middle { width:258px;margin-top:73px;float:left;}
.footer .footer-middle .footer-m-l ul  { font-size:12px; color:#d8d9db;}
.footer .footer-middle .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-middle .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-middle .footer-m-l { width:258px;}
.footer .footer-middle .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-middle .footer-m-l ul li span { float:right;*margin-top:-35px;}
.footer .footer-middle .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-right-01 { width:136px;margin-top:73px;float:left;}
.footer .footer-right-01 .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-01 .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-right-01 .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-right-01 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-right-01 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 { width:136px;float:right;margin-top:113px;}
.footer .footer-right-02 ul li a { font-size:12px;color:#d8d9db;;}
.footer .footer-right-02 ul li a:hover { color:#00a72b;}
.footer .footer-right-02 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
